<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<title>关于我们</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="stylesheet" href="./AmazeUI-2.4.2/assets/css/amazeui.css" />
		<link href="./css/dlstyle.css" rel="stylesheet" type="text/css">
		<!--    引入vue的js-->
		<script src="js/plugins/vue/dist/vue.js"></script>
		<!--    引入axios的js-->
		<script src="js/plugins/axios/dist/axios.js"></script>
		<!--    引入axios对象的全局基础路径和对象配置-->
		<script src="js/common.js"></script>
	</head>

	<body>
	<div id="app">
		<h5>《宠物之家》是全球最早的中文宠物门户网站， 1999年10月正式开通，面向所有的中文宠物饲养者和爱好者，为他们提供最专业最全面的宠物资讯平台，最安全、方便、快捷、舒心的宠物食用品商城，<hr>最大最全面的面向全国所有宠物饲养者和爱好者的BBS交流平台，最方便有亲和力浏览量最高的BLOG和相册发布平台，以及最优秀最贴心的会员增值服务。</h5>
	</div>
	</body>
	<script type="text/javascript">
		new Vue({
			el:"#app",
			data:{
				loginForm:{
					account:'李四',
					checkPass:'1',
					type:1,
				}
			},
			methods:{
				accountLogin(){
					this.$http.post("/login/account",this.loginForm).then(res=>{
						if(res.data.success){//登录成功
							//处理响应的数据
							var token =  res.data.resultObj.token;
							//后续每次发送axios请求判断该用户是否登录
							localStorage.setItem("token",token);
							var logininfo = JSON.stringify(res.data.resultObj.logininfo);
							//获取每次登录的用户信息
							localStorage.setItem("logininfo",logininfo);
							//跳转到后台
							location.href="/index.html";
						}else{
							alert(res.data.msg);
						}
					}).catch(res=>{
						alert("系统繁忙，请稍后再试！！【404,400】")
					})
				},
			},
			mounted(){

			}
		})
	</script>
</html>